/*-------------------- WonTube CSS Document V1.0 --------------------*/
html,body{background:white url(images/content_bg.png); color:#333; font: normal normal normal 12px/1 Arial, Helvetica, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,section,nav,article,button{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:none}img{vertical-align:middle; outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
li{list-style:none}
sup{vertical-align:text-top;}sub{vertical-align:bottom;}strong{font-weight:bold;}
input[type=submit]{cursor:pointer;}input[type=button]{cursor:pointer}button{cursor:pointer; font-family:Arial, Helvetica, sans-serif}
input[type=text],textarea{border:1px solid #CCC; font-family:Arial, Helvetica, sans-serif; outline:none}
input[type=text]:focus,textarea:focus{border:1px solid #C6C69E; box-shadow:0 1px 2px #CCC inset}
input[type=radio]{vertical-align:middle;}
a:link{color:#333;text-decoration:none;}
a:visited{text-decoration:none;color:#333;}
a:hover{text-decoration:underline; color:#1C62B9;}
a:active{text-decoration:none;color:#333;}
/*-------------------- Reset End--------------------*/

/*-------------------- Public Style --------------------*/
.clear{clear:both;}
.clearfix{clear:both;font-size:0;height:0;line-height:0;}
.fl{float:left;}
.fr{float:right;}
.clear-float{clear:both; line-height:0; overflow:hidden; visibility:hidden;}
.noscript{ text-align:center; line-height:20px; color:red}
#page{margin:0 auto; position:relative; }
.hide{display:none;}
.show{display:block}
.bold{ font-weight:bold}
.strong{font-weight:bold}
.italic{font-style:italic}
.green{ color:#519413}
.green-bold{ color:#519413;}
.item-title{font-weight:bold; font-size:12px; line-height:180%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.item-title span{ font-weight:lighter}
.item-description{color:#AAA; font-size:11px;}
.item-classify{ font-size:11px;}
.item-prolonged{ font-size:11px;}
.item-duration{ font-size:11px;}
.item-time{ font-size:11px;}
.item-img ,.item-image{height:80px; position:relative; display:inline-block}
.ytb .item-img ,.ytb .item-image{height:90px; position:relative;}

.ico-play{width:100%; height:100px; background:url(images/ico-play-bg.png) no-repeat center top; position:absolute; left:0; top:0; display:none}
.hr{border-top:1px solid #c4c4c4; border-bottom:1px solid #FFF; margin:10px auto}
.hr-block{height:45px; background:url(images/hr-bg.png) no-repeat center bottom; margin-bottom:20px}
.relative{ position:relative}
.float-right{ float:right}
.no-result{color:#E00;}
.like-button{ position:absolute; right:10px;}

/*--Pageing--*/
.pageing{padding:20px 0; text-align:right; font-size:11px;}
.pageing a{text-decoration:none; color:#333; border:1px solid #BBB; display:inline-block; line-height:25px; height:25px; background:url(images/css_img.png) no-repeat -270px top; cursor:pointer; min-width:28px; _width:28px; text-align:center;}
a.pageing-forbid{color:#AAA; cursor:auto;}
a.pageing-now{background:#DDD; font-weight:bold; cursor:auto;}
a.pageing-next,a.pageing-previous{width:auto; padding:0 10px;}

/*--Header--*/
#pagr_top {background:#fff url(images/repeat_img.png) repeat-x left top;}
.header-top{color:white; height:30px; padding:0 15px; margin:0 auto;}
.header-top-user{float:right; margin-right:10px; line-height:24px;}
.header-top-user a{margin:auto 5px; color:#fff;  text-decoration:underline}
.header-top-user a:hover{text-decoration:underline;color:#fff;}
.header_top_nav {height:30px; display:block;}
.header_top_nav li {float:left; padding:0 4px 0 2px; background:url(images/heaader_topNav_line.png) no-repeat right top;}
.header_top_nav li a {color:#c1e0a3; line-height:26px; height:28px; padding:0 8px; text-align:center;text-decoration:none;}
.header_top_nav li a:hover {text-decoration:underline;color:#c1e0a3;}
.header_top_nav li a.current {color:#fff; font-weight:bold;}

.noscript{ text-align:center; line-height:20px; color:red}

#header {background-color:#fff;}
.header-container{width:980px; margin:auto; padding:15px 0 15px 0;}
.logo-video-box{float:left; width:150px; height:42px; background:url(images/css-img.png) no-repeat 7px -285px; overflow:hidden;}
.logo-music-box{float:left; width:150px; height:42px; background:url(images/css-img.png) no-repeat -176px -285px; overflow:hidden;}
.logo-video-box a,.logo-music-box a{ text-indent:-10000px; display:block; height:100%; }

/*--top search--*/
.search-video-box{float:left; width:600px; height:35px;position:relative; padding:5px 0 0 70px;}
input.search-video-input{padding:0 10px; width:463px; height:32px; line-height:30px; font-size:16px; border:solid 1px #b6b6b6; background:url(images/search_solid.gif) repeat-x left top #fff; color:#666; float:left;}
input.search-video-input:hover {border:solid 1px #67a82c;}
input.search-video-input:focus {border:solid 1px #67a82c;box-shadow:0;}
.search-video-button{background:url(images/page_img.png) no-repeat 0 0; width:80px; height:34px; margin-left:5px; overflow:hidden; text-indent:-9999px; border:0; vertical-align:middle; cursor:pointer; float:left;}
.search-video-button:hover { background-position:-90px 0;}

/*--search menu--*/
.drop-menu-box{position:absolute; background:white; border:1px solid #CCC; display:none;}
.drop-menu-box li{padding:0 10px; line-height:20px;}
.drop-menu-box li:hover{color:white; background:#888}

.header-search-container-drop-down{width:483px;font-size:16px;}
.header-search-container-drop-down li{padding:0 10px; line-height:25px; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.header-search-container-drop-down li span{color:#333; font-weight:bold;}
input.header-search-input{width:400px; height:36px; line-height:36px; padding:0 10px; font-size:16px; background:url(images/css-img.png) no-repeat right -260px; border:none; z-index:100; vertical-align:text-bottom; padding-right:50px;}

/*--Navigation--*/
#navigation-container{background:#2D2C34;}
.navigation-wrap{width:980px; margin:auto;}
#nav{height:52px; background:url(images/css-img-fill.png) repeat-x left top;}
#nav li{display:inline;}
#nav a{display:inline-block; height:54px; line-height:50px; font-size:16px; width:130px; text-align:center; font-weight:bold; text-decoration:none; color:white; white-space:nowrap; cursor:pointer; vertical-align:top}
#nav a:hover{background:url(images/css-img-fill.png) repeat-x left -548px; vertical-align:top}
#nav a.now{background:url(images/css-img-fill.png) repeat-x left -53px; vertical-align:top}
#nav .float-right a{font-size:13px; font-weight:lighter; background:url(images/css-img.png) no-repeat -150px -726px; display:inline-block; _display:inline; _zoom:1; width:136px; height:36px; position:absolute; left:-135px; top:10px; overflow:hidden; text-indent:-1000px;}
#nav .float-right a:hover{background:url(images/css-img.png) no-repeat left -726px;}
#nav .float-right{position:relative}
.browse-path{height:30px; line-height:30px; font-size:14px; color:#629331; position:relative; padding:20px 0}
.browse-path a{color:white!important; text-decoration:none; margin-right:10px;}
.browse-path a:hover{text-decoration:underline;}
.browse-show,.browse_show{height:30px; display:inline-block; position:relative; margin-left:10px; color:white; padding:0; font-size:14px; border:none; line-height:30px; text-align:left; z-index:10; cursor:pointer; vertical-align:middle; font-weight:bold}
.browse-show-submenu{width:100%; position:absolute; line-height:1; background:#414141; color:#CCC; text-align:left; font-weight:lighter; font-size:11px; display:none; top:25px; left:0; box-shadow:1px 2px 2px rgba(0,0,0,0.5); border-bottom-left:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.browse-show-submenu ul{ margin-top:5px;}
.browse-show-submenu li{line-height:25px; padding:0 20px; white-space:nowrap;}
.browse-show-submenu a{display:block; color:#333; text-decoration:none!important}
.browse-show-submenu a:hover{color:white;}
.browse-show-submenu li:hover{background:#629331; color:white}
.browse-show-submenu-arrow{display:inline-block; background:url(images/css_img.png) no-repeat -5850px -16px; width:15px; height:15px; margin:auto 5px; vertical-align:middle; cursor:pointer;}
.vmenu-value{overflow:hidden; text-overflow:ellipsis; height:30px; vertical-align:middle; white-space:nowrap; display:inline-block; vertical-align:top; text-align:left; padding-left:10px;}
.browse-show-submenu li.select-now{background:#629331}
.music-slide-right  h3{ line-height:30px}
/*--drop-down--*/
.drop-down-container{position:relative; display:inline-block; _display:inline; _zoom:1; height:25px; line-height:25px; _width:200px;}
.drop-down{min-width:150px; _width:150px; height:25px; line-height:25px; padding:0 10px; display:inline-block; background:url(images/css_img.png) no-repeat left -203px; vertical-align:top}
.drwp-down-ico{width:24px; height:25px; line-height:25px; display:inline-block; background:url(images/css_img.png) no-repeat right -203px; vertical-align:top; cursor:pointer;}
.drwp-down-ico:hover{background:url(images/css_img.png) no-repeat right -228px;}
.drop-down-menu{position:absolute; min-width:169px; background:white; border:1px solid #CCC; box-shadow:1px 1px 1px #CCC; display:none; z-index:1000;}
.drop-down-menu li{line-height:25px; padding:0 10px;}
.drop-down-menu li:hover{background:#3399FF; color:white}
li.select-now{background:#3399ff; color:white;}
li.select-now a{color:white}

.tv-program-column .drop-down,.music-t .drop-down{width:250px;}
.tv-program-column .drop-down-menu{width:270px;}
.music-t .drop-down{width:272px;}
.music-t .drop-down-menu{width:292px;}

/*--Content--*/
#content{background:url(images/content_bg.png) repeat left top;}
.content-wrap{width:980px; margin:auto; padding:20px 0;}
.content-select{padding:5px 0;}
.content-body{margin:20px auto;}
.content-body ul:after{clear:both; content:""; display:block;}
.content-body li{float:left; width:120px; font-size:11px; line-height:120%; color:#888; margin:15px 166px 15px 0; overflow:hidden}
.content-body-genre{color:green; cursor:auto;}
.content-body-genre a{color:#5588BB}

/*--All Categories--*/
.all-categories{margin:30px auto; box-shadow:0px 0px 2px #AAA; background:white; padding:10px 20px; position:relative; color:#666;  border:1px solid #CCC\9; *border:1px solid #CCC}
.all-categories-arrow{position:absolute; top:-20px; left:100px; width:44px; height:20px; _background:url(images/css-img.png) no-repeat -160px -49px; background:url(images/css-img.png) no-repeat -559px -426px;}
.all-categories  h2{font-size:18px; padding-left:25px; background:url(images/css_img.png) no-repeat -580px 12px; border-bottom:2px solid #EEE; height:40px; line-height:40px;}
.all-categories ul{width:154px; line-height:150%; display:inline-block; margin:20px auto; vertical-align:top; _display:inline; _zoom:1;}

/*--Footer--*/
#footer{margin:auto; text-align:center; background-color:#8fc062;}
#footer .f_search { width:100%;background:url(images/repeat_img.png) repeat-x 0 -170px #8fc062; height:45px;}
#footer-search-box{width:420px; height:30px; margin:0 auto; line-height:30px; padding:5px 0 0 0; position:relative;}
input.footer-search-input{width:398px; height:30px; font-size:14px; line-height:30px; padding:0 5px;border:solid 1px #b6b6b6; background:url(images/search_solid.gif) repeat-x left top #fff; color:#666;}
button.footer-search-button{text-indent:-10000px; width:48px; height:31px; vertical-align:text-bottom; border:none; background:url(images/css-img.png) no-repeat scroll -320px -45px transparent; position:absolute; right:0px; top:5px; cursor:pointer;}
.footer-search-drop-down-box{top:30px; width:100%;}
.footer-search-drop-down-box li{padding:0 10px}
.footer-container{padding:20px 0;}
.footer-content{ width:980px; margin:auto; text-align:center; color:white;}
.footer-content a{display:inline-block; margin:auto 10px; color:white; font-weight:bold;}
.footer-copyright{margin:5px;}

/*--Next Pageing--*/
.page-container{width:500px; height:300px; background:white; position:relative; margin:auto; overflow:hidden}
.page-container h3{position:relative; height:30px; line-height:30px; background:#f2f2f2}
.page-button-container{width:50px; position:absolute; right:0; top:0}
.page-previous{width:20px; height:20px; display:inline-block; cursor:pointer; border:1px solid #CCC; vertical-align:middle;}
.page-next{width:20px; height:20px; display:inline-block; cursor:pointer; border:1px solid #CCC; vertical-align:middle;}
.page-box{position:absolute; white-space:nowrap; left:0}
.test{display:inline-block; width:498px; height:268px; border:1px solid #CCC; overflow:hidden}
.page-forbidden{color:gray; cursor:auto}

#image-slide-box{ position:relative; overflow:hidden; padding:5px 0 43px 0;}
#image-slide-content{ position:relative; white-space:nowrap}
#image-slide-content ul{display:inline-block; width:980px;}
#image-slide-content li{ float:left; margin-right:33px; position:relative; overflow:hidden;}
.image-paging{ position:absolute; width:100%; bottom:11px; text-align:center}
.image-paging a{width:15px; height:15px; margin:auto 5px; cursor:pointer; display:inline-block; _display:inline; _zoom:1; background:url(images/scroll-ico-container-normal.png) no-repeat center center;}
.image-paging a:hover{background:url(images/scroll-ico-container-hover.png) no-repeat center center}
a.image-paging-now{background:url(images/scroll-ico-container-hover.png) no-repeat center center}
#image-slide-content li.no-margin-right{ margin-right:0!important}

.show-details-box{position:absolute; width:100%; height:244px; left:0; background:url(images/show-details-box-bg.png) repeat left top; white-space:normal; z-index:100; white-space:normal;bottom:-214px;}
.show-details-title{ font-weight:bold; font-size:12px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:auto 15px}
.show-details-box a{color:#FFF;}
.show-details-box .hr{margin:0 15px; border-bottom:none; border-top:#666}
.show-details-margin{margin-top:10px;}
.show-details-box a:hover{text-decoration:underline;}
.show-details-content{height:112px; overflow:hidden; text-overflow:ellipsis; line-height:16px;}
.show-details-content-des{color:#666; font-size:11px; line-height:100%; padding:5px 5px 0 5px; text-align:right;}
.show-details-content-des a{display:inline-block; _display:inline; _zoom:1; padding:5px 10px; background:url(images/css_img.png) no-repeat left -430px; color:white; font-size:11px!important; font-weight:bold; text-decoration:none!important;}
.show-details-box p{ margin:10px 15px; color:#CCC}
.show-details-box-like-box{ line-height:30px;}
.show-details-box-like-box span{ vertical-align:middle; font-weight:bold}
.show-details-box-like{width:30px; height:30px; line-height:30px; background:url(images/css-img.png) no-repeat -390px -42px; display:inline-block; _display:inline; _zoom:1; vertical-align:middle}
.fist-show{ left:170px;}
.show-details-arrow{background:url(images/css-img.png) no-repeat -480px -35px; display:inline-block; height:40px; width:20px; position:absolute; right:-20px; top:150px;}
.fist-show .show-details-arrow{background:url(images/css-img.png) no-repeat -455px -35px; left:-20px; right:auto}

/*--Content Page--*/
.content-block{box-shadow:0px 0px 2px #CCC; background:white; padding:20px 40px;}
.content-item-img{width:200px; float:left}
.content-item-info{ margin-left:210px;}
.content-item-info:after{clear:both; content:"."; display:block;}
.content-item-info h1{ font-size:24px; font-weight:bold; border-bottom:1px solid #CCC; padding-bottom:20px}
.content-item-info-description{ padding:20px 0}
.content-item-info-description li{ float:left; font-size:14px; margin:10px auto; line-height:150%}
.content-item-info--des-title{width:20%; font-weight:bold}
.content-item-info-des{width:80%; color:#666; max-height:300px; line-height:25px; overflow:hidden; text-overflow:ellipsis;}

.plya-content{margin:20px auto}
.plya-content span{ vertical-align:middle}
.plya-content-block{ background:#EEE; position:relative; padding:30px; margin:10px auto; box-shadow:0 0 2px #CCC; display:none}
.plya-content-block:after{ clear:both; content:""; display:block}
.plya-content-block ul:after{ clear:both; content:""; display:block}
.play-now{width:130px; height:39px; background:url(images/css_img.png) no-repeat left -430px; border:1px solid #2f6100; color:white; position:relative; font-weight:bold; font-size:16px; vertical-align:middle}
.play-now:active{background:url(images/css_img.png) no-repeat left -470px;}
li.season-title{ float:left; width:15%; margin:10px auto; font-weight:bold; color:#666; padding-top:10px;}
li.season-content{ float:right; width:85%; margin:10px auto}
a.num{background:url(images/css_img.png) no-repeat scroll -270px top; display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; border:1px solid #AAA; margin:5px; vertical-align:top; text-decoration:none }
a.play-now{ font-weight:bold; background:#CCC; color:#333; text-decoration:underline}
.share-input{width:400px; padding:5px; font-size:16px; vertical-align:middle;}
.play-content-close-ico{ position:absolute; top:5px; right:5px; width:18px; height:18px; cursor:pointer; background:url(images/css_img.png) no-repeat -500px top;}
.play-now-ico{width:22px; height:22px; position:relative; top:-2px; margin-right:5px; display:inline-block; background:url(images/css_img.png) no-repeat -430px top;}
.play-info{ margin:10px auto}

.other-button{width:130px; height:39px; padding:0 5px; background:url(images/css_img.png) no-repeat -200px -430px; border:1px solid #949494; position:relative; font-size:14px; vertical-align:middle;}
.other-button:active{background:url(images/css_img.png) no-repeat right -430px;}
.favourite-ico{width:16px; height:16px; display:inline-block; background:url(images/css_img.png) no-repeat -460px top; margin-right:5px;  position:relative; top:-2px; position:relative}
.share-ico{width:17px; height:17px; display:inline-block; background:url(images/css-img.png) no-repeat -514px -52px; margin-right:5px; position:relative; top:-2px; position:relative}
.download-ico{width:17px; height:17px; display:inline-block; background:url(images/css-img.png) no-repeat -549px -53px; margin-right:5px; position:relative; top:-2px; position:relative}

a.facebook{width:32px; height:32px; background:url(images/css_img.png) no-repeat -430px -40px; display:inline-block; vertical-align:middle; margin:auto 5px}
a.twitter{width:32px; height:32px; background:url(images/css_img.png) no-repeat -470px -40px; display:inline-block; vertical-align:middle; margin:auto 5px}

.tv-data-table{ margin:20px auto; border-top:1px solid #CCC}
.tv-data-table li{ line-height:30px;}
.tv-data-table li:hover{ background:#FAFAFA}
.tv-data-table span{ display:inline-block; cursor:auto}
.tv-data-table-num{width:10%; text-indent:15px;}
.tv-data-table-title{width:30%;}
.tv-data-table-runtime{width:15%; text-align:center}
.tv-data-table-airdata{width:10%; text-align:center}
.tv-data-table-userrating{width:10%; text-align:center}
.tv-data-table-queue{width:10%; text-align:center}
.vdownload{width:10%}
.tv-data-table-queue a{ text-decoration:underline; color:#1c62b9}

.tv-data-table h3{ font-weight:bold; font-size:16px; line-height:40px; color:#666}
.tv-data-table h4{ font-weight:bold; line-height:20px; padding-left:15px; cursor:pointer; color:#666}
h4.tv-data-table-name-down{background:url(images/css_img.png) no-repeat -590px -42px;}
h4.tv-data-table-name-normal{background:url(images/css_img.png) no-repeat -590px -78px;}

.other-new-releases{ margin:20px auto}
.other-new-releases h2{ font-size:16px; font-weight:bold; line-height:30px;}
.other-new-releases-more{ float:right; margin-right:10px; font-size:12px; font-weight:lighter;}
.other-new-releases-more a{ text-decoration:underline}
.other-new-releases-body .item-img ,.other-new-releases-body .item-image {height:90px;}
.other-new-releases-body:after{ clear:both; content:""; display:block; visibility:hidden}
.other-new-releases-body li{ float:left; width:180px; margin-right:60px;}

/*--TV program--*/

.tv-program-view{ padding:10px 0;}
.tv-program-view-box{padding:5px 0; height:50px; font-size:11px}
.tv-program-view-box .item-duration{line-height:11px; height:33px; overflow:hidden; color:#AAA; margin-top:3px}
.tv-program-view h4{ font-weight:bold; line-height:20px; font-size:14px; text-overflow:ellipsis; white-space:normal; overflow:hidden}
.tv-program-view li{width:144px; float:left; margin-right:65px; color:white;}
.tv-program-view-box a{ color:white; white-space:nowrap;}
.tv-program-body{ margin-right:335px}
.tv-program-column h2{background:url(images/css_img.png) no-repeat -200px -469px; padding:0 10px; line-height:40px; border-bottom:1px solid #CCC}
.tv-program-column-box{ overflow:hidden}
.tv-program-column-box ul{width:305px; padding:5px}
.tv-program-column-block{border:1px solid #f9f9f9; margin-bottom:5px; padding:5px; background:white;}
.tv-program-column-block:hover{border:1px solid #CCC; box-shadow:0 0 4px #aaa}
.tv-program-column-block img{ float:left; margin-right:10px; width:144px; height:80px;}
.tv-program-column-info{ height:80px; overflow:hidden; font-size:11px; position:relative; line-height:150%;}
.youtube-top p.bottom{left:87px; border-bottom:0; position:absolute; bottom:0; line-height:14px}
.hulu-top p.bottom{left:156px; border-bottom:0; position:absolute; bottom:0; line-height:150%}
.tv-program-column-info h3{ font-size:12px; font-weight:bold}
h2.tv-program-title{ font-weight:bold; font-size:20px; position:relative; line-height:42px;}
.tv-program-block{}
.tv-program-block-container{position:relative; overflow:hidden; width:645px; height:340px}
.tv-program-block-box{width:1962px; position:absolute;}
.tv-program-block-box dd:after{ clear:both; content:""; display:block}
.tv-program-block-box dd{ float:left}
.tv-program-block ul{display:inline-block; width:654px;}
.tv-program-block ul:after{ clear:left; content:""; display:block}
.tv-program-block li{width:144px; height:170px; float:left; margin-right:23px; color:#888; font-size:10px}

.tv-popular ul{width:315px;}
/*--Scrolling page--*/
.scrolling-page-container{width:150px; text-align:right; font-size:12px; font-weight:lighter; height:28px; line-height:28px; float:right}
.scrolling-page-container span{ cursor:pointer; display:inline-block; height:28px;}
.scrolling-page-left{background:url(images/css_img.png) no-repeat -270px -80px; width:31px; margin-left:10px}
.scrolling-page-left:active{background:url(images/css_img.png) no-repeat -410px -80px;}
span.scrolling-page-left-forbidden{background:url(images/css_img.png) no-repeat -340px -80px; cursor:auto}
.scrolling-page-right{background:url(images/css_img.png) no-repeat -301px -80px; width:31px;}
.scrolling-page-right:active{background:url(images/css_img.png) no-repeat -442px -80px;}
span.scrolling-page-right-forbidden{background:url(images/css_img.png) no-repeat -371px -80px; cursor:auto}

/*-------------------- Loading Start --------------------*/
.loading-box{ text-align:center}
.loading-container{height:24px; line-height:24px; text-align:center; padding:30px; font-weight:bold; font-size:14px; display:inline-block; background:url(images/loading.gif) no-repeat left center; padding-left:30px}

/*-------------------- Loading End --------------------*/

.movie-play-box{ width:100%; margin:230px auto auto auto; padding:0;}
.movie-play-box iframe{border:none; width:100%; min-height:500px;}
.header-fixed{position:fixed; top:0; width:100%; height:230px; box-shadow:2px 2px 5px #CCC; background:white}

/* Music */
.music-box{margin-right:335px; _width:645px; overflow:hidden;}
.music-box-title{ line-height:40px; height:40px;}
.music-box-title li{ float:left}
.music-box-title-li{font-weight:bold; cursor:pointer; font-size:14px; margin:auto auto auto 10px; text-align:center; width:100px; border-top-left-radius:5px; border-top-right-radius:5px; box-shadow:0 0 2px #CCC;}
.music-box-title-normal{ cursor:pointer}
li.music-box-title-now{background:white; cursor:auto}
.music-tab{ margin-left:10px;}
.music-tab span{ display:inline-block; width:105px; height:35px; line-height:35px; background:url(images/css_img.png) no-repeat -110px -80px; cursor:pointer; text-align:center}
span.music-tab-hover{background:url(images/css_img.png) no-repeat -2px -80px; cursor:auto; font-weight:bold}
.music-container{padding:20px; background:white; box-shadow:0 3px 3px #CCC; border:0px solid #CFCFCF; border-top:none; position:relative; }
.music-container .move-box{top:-36px;}
.music-sort{ margin-left:50px;}
.sort-title{width:60px; text-align:center; display:inline-block; margin:auto 5px; vertical-align:middle; cursor:pointer; height:20px; line-height:20px; padding-bottom:3px;}
.sort-title:hover{border-bottom:3px solid green; padding-bottom:0}
.sort-title-now{color:green; border-bottom:3px solid green; cursor:auto; padding-bottom:0}

.music-sub{ position:relative}
.music-sub .move-box{top:-57px; right:-20px;}
.change-nav{ height:40px; line-height:40px;}

.sort-by-time{position:absolute; top:-32px; left:250px}
.sort-by-time span{ display:inline-block; line-height:20px; margin:auto 10px; cursor:pointer}
.sort-by-time span:hover{border-bottom:3px solid green; padding-bottom:0;}
.sort-by-time-now{border-bottom:3px solid green; padding-bottom:0; cursor:auto}

.music-content-block{position:relative; background:white; padding:20px; display:none;}
.music-content-block .move-box{ top:-35px;}

.music-sort-time{height:40px; line-height:40px; font-weight:bold; font-size:16px; font-style:italic; padding:0 10px;}
h3.music-sort-time{height:40px; line-height:40px;}
.music-block{width:10000px; position:relative}
.music-block:after{ clear:both; content:""; display:block; visibility:hidden}
.music-block li{width:605px; float:left}
.music-block dd{ border-bottom:1px solid #CCC; padding:10px 0}
.music-block dd:after{ clear:both; content:""; display:block}
.music-img{ float:left; margin-right:10px}
.music-title  h3{ font-weight:bold; font-size:16px; line-height:25px;}
.music-title:after{ clear:both; content:"."; display:block; visibility:hidden}
.music-play{float:right; width:100px; height:100px; line-height:100px; text-align:center}
.music-play-ico{width:89px; height:31px; display:inline-block; background:url(images/css-img.png) no-repeat  -416px -779px; cursor:pointer; left:-84px;}
.music-play-ico:active{background:url(images/css-img.png) no-repeat  -416px -810px}
.music-add-ico{width:28px; height:28px; display:inline-block; background:url(images/css-img.png) no-repeat -539px -39px; cursor:pointer; margin-left:10px; }
.music-download-ico{width:89px; height:31px; display:inline-block; background:url(images/css-img.png) no-repeat -511px -779px; cursor:pointer; margin-left:10px; left:0;}
.music-download-ico:active{background:url(images/css-img.png) no-repeat -511px -810px;}
.music-select-sort{ display:inline-block; position:relative; top:-51px; left:250px; position:absolute}
.music-select-sort span{ display:inline-block; padding-bottom:3px; line-height:25px; cursor:pointer; margin:auto 10px}
.music-select-sort span:hover{border-bottom:3px solid green; padding-bottom:0; color:green;}
.music-select-sort-span{border-bottom:3px solid green; padding-bottom:0; color:green; cursor:auto}
span.music-select-sort-span{padding-bottom:0}
.top-music-num{ font-size:24px; line-height:26px; font-weight:bold;}

/* -Move Scroll-*/

.scroll-parent-box{position:relative;}
.scroll-box{position:relative; overflow:hidden}

/*--movie-program-view--*/
.movie-program-view {color:white; padding-bottom:10px}
.movie-program-view img{width:313px; height:200px}
.movie-program-view a{color:white;}
.movie-program-view li{ float:left; margin-right:20px; width:313px;}
.move-program-view-box{padding:5px; height:100px; overflow:hidden}
.movie-program-view-title{ font-weight:bold; font-size:18px; line-height:30px;}
.movie-program-view-title span{ font-weight:lighter; font-size:16px}
.movie-program-view .item-duration{ font-size:16px}
.movie-program-view .item-image{height:200px;}
.movie-program-view-descrition{color:#999; line-height:18px; height:54px; overflow:hidden}
.movie-show-ico{background:url(images/css_img.png) no-repeat right -16px; width:16px; height:16px; vertical-align:middle; display:inline-block; margin-left:5px}
.hulu-logo{background:url(images/css_img.png) no-repeat left -623px; height:37px; width:100%; display:inline-block; vertical-align:middle}
.youtube-logo{background:url(images/css_img.png) no-repeat left -579px; height:37px; width:100%; display:inline-block; vertical-align:middle}
/**/

.music-tab-content .item-img{ height:90px;}
.browses .item-img{ height:100px;}

.show-box{position:relative; display:inline-block; cursor:pointer; color:white;}
.show-block{background:#414141; padding:10px; line-height:1; font-weight:lighter; font-size:11px; color:#333; line-height:20px; cursor:auto; position:absolute; display:none; left:0; z-index:10; width:520px; top:25px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; border-top-right-radius:3px; box-shadow:1px 2px 2px rgba(0,0,0,0.5)}
.show-block a{color:#CCC!important; display:inline-block}
.show-block a:hover{text-decoration:underline; color:white}
.show-block:after{clear:both; content:""; display:block}
.move-show-block dd{float:left}
.move-show-block-left{width:115px; padding-left:10px}
.move-show-block-right{width:365px; border-left:1px solid #666; padding-left:20px}
.move-show-block-right a{width:170px;}
.browse-show .show-box{position:absolute; right:0; top:0; height:30px; width:25px;}
.auto-bg-box{height:29px; display:inline-block; _display:inline; _zoom:1; margin:auto 10px; vertical-align:middle; position:relative; z-index:10; text-align:left; cursor:pointer}
.auto-bg-left{width:20px; height:29px; display:inline-block; _display:inline; _zoom:1; background:url(images/css-img.png) no-repeat -300px -710px; vertical-align:top;}
.auto-bg{min-width:60px; height:29px; display:inline-block; _display:inline; _zoom:1; padding:0; background:url(images/css-img.png) no-repeat right -710px; vertical-align:top; line-height:29px; padding-right:45px; font-size:14px; min-width:80px; color:#629331; font-weight:bold}
.auto-bg-box .browse-show{background:none; margin:0; width:auto; height:auto; line-height:normal; top:-1px; position:static; color:#629331}
.auto-bg-box .browse-show-submenu{ left:0}

/* content body*/
.content-box{margin-right:335px;}
.content-box h2{height:42px; line-height:42px; font-size:20px; font-weight:bold; color:#444;}
.content-box-block{overflow:hidden; position:relative}
.content-box-container{ position:relative; width:1962px; margin-top:10px;}
.content-box-container dd{width:645px; float:left;  white-space:nowrap}
.content-box-container dl:after{ content:""; clear:both; display:block}
.content-box-container li{width:144px; height:170px; margin:auto 23px auto auto; float:left; font-size:11px; color:#888; overflow:hidden}

/*--Right Column--*/
.sidebar-box-parent{width:317px; float:right;}
.sidebar-box-parent .drop-down-container{ margin:5px auto 8px auto}
.sidebar-box{width:315px; float:right; background:#F9F9F9; box-shadow:0 0 2px #CCCCCC; border:1px solid #CFCFCF; position:relative; overflow:hidden}
.sidebar-box-parent .sidebar-box{width:auto; _width:; float:none; margin-bottom:50px}
.sidebar-box h2{background:url(images/css_img.png) no-repeat -200px -469px; height:40px; line-height:40px; padding:0 10px; border-bottom:1px solid #CCC}
.sidebar-block{background:white; padding:5px; margin:5px; border:1px solid #F9F9F9;}
.sidebar-block:hover{box-shadow:0 0 2px #AAA;}
.sidebar-block img{ float:left; margin-right:10px}
.sidebar-block h3{font-weight:bold; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sidebar-block h3 span{ font-weight:lighter}
.sidebar-info{}
.sidebar-container{padding:5px 0; width:951px; position:relative}
.sidebar-container:after{clear:both; content:""; display:block}
.sidebar-container li{float:left; width:315px;}

/*--Move Ico--*/
.move-box{height:28px; line-height:28px; font-weight:lighter; width:150px; font-size:12px; text-align:right; position:absolute; right:0; top:6px;}
.move-box span{ display:inline-block; vertical-align:middle}
.move-left-ico{width:31px; height:28px; background:url(images/css_img.png) no-repeat -340px -80px; margin-left:10px;}
.move-left{cursor:pointer; background:url(images/css_img.png) no-repeat -270px -80px}
.move-left:active{cursor:pointer; background:url(images/css_img.png) no-repeat -410px -80px}
.move-right-ico{width:31px; height:28px; background:url(images/css_img.png) no-repeat -371px -80px}
.move-right{cursor:pointer; background:url(images/css_img.png) no-repeat -301px -80px}
.move-right:active{cursor:pointer; background:url(images/css_img.png) no-repeat -442px -80px}
span.move-num{ vertical-align:top}
#move-box2{ visibility:hidden}
#move-box3{right:5px;}

.move-box-l{height:28px; line-height:28px; font-weight:lighter; width:150px; font-size:12px; text-align:right; position:absolute; right:0; top:6px;}
.move-box-l span{ display:inline-block; vertical-align:middle}
.move-left-ico-l{width:31px; height:28px; background:url(images/css_img.png) no-repeat -340px -80px; margin-left:10px;}
.move-left-l{cursor:pointer; background:url(images/css_img.png) no-repeat -270px -80px}
.move-left-l:active{cursor:pointer; background:url(images/css_img.png) no-repeat -410px -80px}
.move-right-ico-l{width:31px; height:28px; background:url(images/css_img.png) no-repeat -371px -80px}
.move-right-l{cursor:pointer; background:url(images/css_img.png) no-repeat -301px -80px}
.move-right-l:active{cursor:pointer; background:url(images/css_img.png) no-repeat -442px -80px}
span.move-num-l{ vertical-align:top}
#move-box3{right:5px;}

/*home_banner*/
.home-nav{height:320px; background:#000 url(images/home_banner_bg.png) no-repeat center top; text-align:center}
.home-nav span{ display:inline-block; _display:inline; _zoom:1; width:220px; height:210px; margin-top:90px}
.home-nav a{ display:inline-block; _display:inline; _zoom:1; width:170px; height:170px; margin:15px 25px}
.home-nav-music{ background:url(images/home_music.png) no-repeat left top; _background:url(images/home_music.gif) no-repeat left top;}
.home-nav-video{ background:url(images/home_video.png) no-repeat left top; _background:url(images/home_video.gif) no-repeat left top;}
.home-nav-tools{ background:url(images/home_tools.png) no-repeat left top; _background:url(images/home_tools.gif) no-repeat left top;}
.home-shadow{box-shadow:0 0 2px #CCC; background:white; border:1px solid #CCC;}
.home-left{width:225px; height:640px; padding:10px 20px; float:left;}
.home-left-num{background:url(images/css_img.png) no-repeat -490px -80px; width:28px; height:28px; line-height:28px; text-align:center; display:inline-block; _display:inline; _zoom:1; font-weight:bold; font-size:16px; color:white; float:left; margin-right:10px;}
.home-left h2,.home-right h2,.feature-tools h2{ font-size:16px; line-height:40px; font-weight:bold; border-bottom:1px solid #CCC}
.home-left li{padding:12px 0; border-bottom:1px solid #CCC}
.home-item{height:28px; font-size:11px}
.more-popular-music{margin:22px auto auto auto; text-align:right; font-size:14px;}
.home-item a{ font-weight:bold; display:block; line-height:120%; font-size:14px}
.home-right{width:684px; float:right; padding:10px;}
a.home-more{ position:absolute; top:15px; right:5px; font-size:14px; text-decoration:underline}
.home-block{position:relative}
.home-block li{padding:12px; border:1px solid #FFF; margin:10px auto 20px auto; float:left; width:145px; height:130px;}
.home-block li:hover{border:1px solid #CCC; box-shadow:0 0 2px #CCC}
.home-block-title{font-weight:bold; font-size:16px}
.home-right .item-img{height:80px;}
.home-right .item-img img{height:80px; width:145px}

.feature-tools p{padding:10px 0}
.feature-tools li{width:105px; height:105px; border:1px solid #CCC; background:white; box-shadow:1px 2px 2px #CCC; margin-right:15px; padding:10px; text-align:center; float:left}
.feature-tools h2{ border:none; line-height:60px;}
.feature-tools-img{border-bottom:1px solid #CCC; padding-bottom:5px}
a.feature-tools-more{background:#DEDEDE; line-height:125px; font-size:20px; color:gray; width:100%; height:100%; display:inline-block; _display:inline; _zoom:1;}
li.feature-tools-more{padding:0; width:125px; height:125px;}
.noborder{ border:none}
.feature-tools-header{min-height:30px!important; height:30px;}

/*----------Slide Start----------*/
.slideBox{position:relative; background:white;}
.slideContent{position:relative; width:10000px;}
.slideContent ul{display:inline-block; _display:inline; _zoom:1;}
.slideContent li{margin:10px auto}
.slideContent li:after{ clear:both; content:""; display:block}
.slideWrap{overflow:hidden; margin:auto 20px; padding:10px 0}

/*----------Slide End----------*/

.body-left{width:645px; float:left}
.body-right{width:317px; float:right}
.shadow-block{ background:#F9F9F9; box-shadow:0 0 2px #CCC; border:1px solid #CFCFCF;}
.containter-block{ position:relative; overflow:hidden}

/*--Music-- slide list*/
.music-slide-list-img{float:left; width:120px; height:90px;}
.music-slide-list-content{float:left; width:340px; height:90px; margin:auto 10px; position:relative}
.music-slide-list-content h4{line-height:30px; font-weight:bold; width:270px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.music-slide-list-button{width:100px; height:90px; float:right; text-align:center; position:relative; text-align:right}
.music-slide-list-button span.ytb-button-a,.music-slide-list-button span.ytb-button-b{min-width:70px; padding:0 10px; line-height:30px; height:30px; cursor:pointer;}
.music-slide-list-button .ytb-button-content{width:210px;  position:absolute; top:-15px; right:0;}
.music-slide-list-button .play-now-ico{top:-1px}
.music-slide-list .move-box{ top:-36px;}
.music-slide-list .slideContent{ display:none}

.music-top .slideWrap{padding:0; margin:0}
.music-top li.sidebar-block{margin:5px;}
.music-top ul{width:315px;}
.music-top .move-box-l{left:158px;}
.music-t .drop-down-container{margin:3px auto 7px 0}

.music-tab-content{ display:none}

/* select slide */


/*--Change--*/
.change-navigation{}

.change-content{display:none; background:white; position:relative; box-shadow:0px 2px 2px #CCC}

.change-navigation-sub{ position:absolute; left:250px; top:-32px}
.change-content-sub .move-box{ top:-35px}
.change-navigation-sub span{ margin:auto 10px; line-height:20px;  display:inline-block; _display:inline; _zoom:1; cursor:pointer;}
.change-navigation-sub span:hover{border-bottom:3px solid green; padding-bottom:0}
span.change-navigation-sub-now{padding-bottom:0; border-bottom:3px solid green}
.change-content-sub{display:none; padding:20px 0; margin:auto 20px; overflow:hidden}


/*-- Slide --*/
.slide_box{overflow:hidden; position:relative;}
.slide_content{position:relative; width:10000px; line-height:125%}
.slide_content ul{display:inline-block; vertical-align:top;}

/*-- Music Slide --*/
.music-slide ul{width:605px;}
.music-slide-right{ overflow:hidden; position:relative}
.music-slide-right ul{width:315px;}
.music-slide-right .move-box{right:5px}
.music-slide li{border-bottom:1px solid #CCC; padding:10px 0;}
.music-slide-content{display:none}
.tv-body-left ul{width:645px;}
.tv-body-left h2{ font-size:18px; line-height:40px;}

.tv-body-left li{ float:left; width:144px; height:155px; margin:10px 23px 10px auto;}

/*---Tools---*/
.tools{position:relative}
.tools-header-content{margin:auto; width:980px; padding-top:10px}
.tools-more{ position:absolute; top:39px; font-size:12px; right:0}
.tools-more a{ text-decoration:underline;}
.tools h1{ font-size:18px; line-height:25px;}
.tools-header{background:white;}
.tools-container{margin:auto; width:980px; position:relative; z-index:0}
.tools-logo{width:270px; height:50px; background:url(images/css-img.png) no-repeat left -219px; float:left; text-indent:-10000px; overflow:hidden}
.tools-nav{text-align:right;  border-bottom:1px solid #CCC; margin-top:5px;}
.tools-nav a{ display:inline-block; _display:inline; _zoom:1; margin:auto 10px; text-align:center; line-height:40px;  font-size:16px; padding-bottom:5px; cursor:pointer; vertical-align:bottom}
.tools-nav a{ text-decoration:none; color:#333}
.tools-nav a:hover{color:#5C9F21}
.tools-nav a:hover{ border-bottom:5px solid #5C9F21; padding-bottom:0}
a.tools-nav-now{ border-bottom:5px solid #5C9F21; padding-bottom:0; color:#5C9F21}
a.no-margin-right{ margin-right:0!important}
.tools-content{height:370px; background:url(images/tool-container-bg.png) no-repeat right -1px; position:relative; }
.tools-content-img{ width:620px; height:300px; position:absolute; right:0; top:60px}
.tools-img1{ background:url(images/tools-1.png)}

.recommended-apps-container{}
.recommended-apps-container ul{}
.recommended-apps-container li{width:130px; height:130px; padding:10px; position:relative; background:white;  box-shadow:1px 2px 2px #CCC; text-align:center; float:left; margin:5px 10px 5px 0;}
.recommended-apps-container li p{padding:13px 0;}
.recommended-apps-container-title{border:none; background:none; box-shadow:none; height:30px; margin:auto; line-height:30px; font-size:18px; color:#666; font-weight:bold}
.recommended-apps-block{float:left; width:310px; margin-right:25px;}
.no-margin-right{ margin-right:0!important}
li.recommended-apps-container{padding:0; width:135px; line-height:135px; color:gray; font-size:20px;  height:135px}
.recommended-apps-container a{width:100%; height:100%; display:block;}

.tools-comments{ margin:20px auto; line-height:150%}
.tools-comments h3{ font-weight:bold; font-size:12px; line-height:30px;}
.tools-comments-content{background:white; padding:20px; margin:10px auto}

.all-ones{height:350px; background:url(images/tool-container-bg.png) no-repeat right -1px;}
.all-ones-content{padding:115px 0 0 20px}
.all-ones .all-ones-content h2{ font-size:36px; color:#333; font-weight:bold; margin-bottom:5px}
.all-ones-content h3{ font-size:16px; color:#666;}

.web-service{height:300px;}
.tools-container{font-size:20px;}
.web-service ul{ margin:10px auto}
.tools-container li{width:120px; height:120px; text-align:center; padding:20px; float:left; margin:10px 20px 0 auto; position:relative}
.tools-container-block-img{ margin:10px auto}
.tools-container-block-title{font-size:12px; padding:10px 0}
.tools-container h2{ padding:30px 0 0 0; color:#ccc; font-size:24px; font-weight:bold;}
.li-shadow{ box-shadow:1px 2px 2px #CCCCCC; border:1px solid #CCC}

/*--My Videos--*/

.my-videos{ position:relative; overflow:hidden}
.my-videos ul{margin:20px auto; width:980px; display:inline-block}
.my-videos li{ float:left; width:180px; height:200px; margin:10px 20px auto auto}
.my-videos .item-img{height:125px;}
.my-videos h2{ font-size:20px; font-weight:bold; line-height:28px; color:#444;}
.my-videos .move-box{top:-1px;}

.tools-alert-box{width:220px; height:110px; padding:20px 20px 30px 20px; line-height:150%; text-align:left; background:url(images/css-img.png) no-repeat -5px -547px; _background:url(images/css-img.gif) no-repeat -5px -547px; position:absolute; z-index:100; color:white; top:-140px; left:-50px; font-size:12px; display:none}
.tools-alert-box-details{ line-height:14px;}
.tools-alert-box-details a{ text-decoration:underline; color:white; position:absolute; bottom:25px; right:30px; display:inline; width:auto; height:auto; background:none}
.recommended-apps-container li .tools-alert-box{left:-65px;}

.popup-box{width:890px; background:white; border:1px solid #AAA; box-shadow:1px 1px 3px #CCC; left:50%; top:50px; margin:auto auto 10px -445px; position:absolute; z-index:10000; font-size:12px; line-height:150%;}
.popup-box a{text-decoration:underline;}
.popup-box-close{width:20px; height:20px; position:absolute; top:5px; right:5px; cursor:pointer; background:url(images/css-img.png) no-repeat -140px -51px}
.popup-box-header{border-bottom:1px solid #DDD; margin:20px auto auto auto; padding:10px;}
.popup-box-header a.button{background:url(images/css_img.png) no-repeat left -430px; border:none; display:inline-block; _display:inline; _zoom:1; padding:2px 10px; border-radius:3px; cursor:pointer; color:white; text-decoration:none; line-height:20px; vertical-align:middle}
.popup-box-header-ico{width:70px; height:60px; margin:auto 20px; float:left; background:url(images/css-img.png) no-repeat -300px -210px}
.popup-box-header-content{ float:left; height:60px;}
.popup-box-header-content h3{ font-size:30px; line-height:100%; }
.popup-box-header-content-info{ line-height:30px;}
.popup-box-header-content-info span{ margin-right:20px}
.popup-box-content{padding:20px;}
.popup-box-content-nav li{padding:0 10px; display:inline-block; _display:inline; _zoom:1; line-height:30px; padding-bottom:5px; cursor:pointer}
.popup-box-content-nav li:hover{ border-bottom:5px solid #63A526; padding-bottom:0;}
li.popup-box-content-nav-now{ border-bottom:5px solid #63A526; padding-bottom:0; cursor:auto}
.popup-box-content-block{height:450px; margin:20px auto; display:none}
.popup-box-content-block-left{width:65%; float:left}
.popup-box-content-block-right{width:30%; float:right}
.popup-box-content-block-view-show{border:1px solid #DDD; padding:10px; height:300px; line-height:300px; text-align:center; overflow:hidden}
.popup-box-content-block-view-show img{ max-width:500px; max-height:300px;}
.popup-box p{margin:10px auto}
.popup-box h4{font-size:14px; margin:10px auto}
.popup-box-content-block-view-img{ height:140px; white-space:nowrap; overflow-x:auto; margin-top:5px; }
.popup-box-content-block-view-img img{width:100px; height:100px; margin:10px; cursor:pointer}
.details-ul li{ line-height:30px; border-bottom:1px solid #CCC}
.details-ul{ margin:10px auto}

/*--music-charts--*/
.music-charts{ margin:20px auto; padding:0; border:1px solid #CCC}
.music-charts h2{ font-size:20px; font-weight:bold; line-height:50px; border-bottom:1px solid #CCC}
.music-charts h3{ font-size:16px; line-height:50px; padding:0 10px; font-weight:bold}
.music-charts-left{float:left; width:220px;}
.music-charts-right{float:right; border-left:1px solid #CCC; width:699px; padding:0 30px 20px 30px;}
.music-charts-right li{ padding:10px 0; border-bottom:1px solid #CCC}
.music-charts-list li{padding:0 10px; font-size:16px; cursor:pointer}
li.music-charts-list-now{background:#e57007; color:white;}
.music-charts-list a{display:block; _zoom:1; height:35px; line-height:35px; text-decoration:none;}
li.music-charts-list-now a{color:white!important; font-weight:bold}
.page-404,.errors-50x{ text-align:center; padding:50px 0; width:980px; margin:auto;}
.page-404-ico{width:180px; height:165px; background:url(images/css-img.png) no-repeat -285px -540px; display:inline-block; _display:inline; _zoom:1;}
.page-404-txt{ font-weight:bold; font-size:60px; color:#84BC00}
.page-404-click{ line-height:30px; font-size:14px;}
.page-404-info{ line-height:30px; font-size:18px;}
.page-404 a{ color:#84BC00; text-decoration:underline; font-weight:bold}
.errors-50x{padding:50px; font-size:18px; text-align:center;}
.page-404 .footer-content a{ font-weight:lighter}
.page-404 .footer-content{color:#666;}
.page-404 .hr{margin-top:100px}
/*--Search-Keyword--*/

.search-keyword{ font-size:20px; color:#333}
.search-keyword span,.search-keyword-no-find span{ font-weight:bold; margin:auto 5px}
.search-keyword-no-find{color:#E00;}
.search-result-tab span{ line-height:20px; display:inline-block; _display:inline; _zoom:1; margin:auto 10px; padding-bottom:3px; cursor:pointer}
.search-result-tab span:hover{ padding-bottom:3px; border-bottom:3px solid #5A9920}
.search-result-tab a{color:#333; text-decoration:none;}
.search-result-tab-now{ padding-bottom:0; border-bottom:3px solid #5A9920}
.search-result-content{ display:none; position:relative}
.search-result-num{ position:absolute; right:0; top:-40px; width:200px; text-align:right; color:gray;}
.search-result-num span{ margin:auto 5px; color:green; font-weight:bold}

/* Music Result */
.music-result .body-left{width:740px}
.music-result .body-right{width:230px;}
.music-result-keyword{ font-size:20px; line-height:30px;}
.music-result-keyword span{ margin:auto 5px; font-weight:bold}
.music-result-list{background:#FFF; padding:20px 10px 5px 10px; box-shadow:0 0 2px #CCC; position:relative; margin:10px auto;}
.music-result-num{ float:left; width:75px; padding-right:10px; text-align:center}
.music-result-num span{line-height:30px; font-size:36px; font-weight:bold;}
.music-result-content{ float:right; width:635px;}
.music-result-content-title{ font-weight:bold; font-size:16px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.music-result-content .music-info{ line-height:45px;}
.music-result-play span{ margin:auto 5px; text-decoration:underline; color:#1C62B9; cursor:pointer}
.music-result-play a{text-decoration:underline}
.music-result-play embed{ vertical-align:middle}
.music-result-play-button-box{width:300px; position:absolute; top:32px; right:10px; text-align:right; font-weight:bold}
.music-result-play-button{width:100px; display:inline-block; _display:inline; _zoom:1; background:url(images/css-img-fill.png) repeat-x left -288px; height:30px; line-height:30px; text-align:center; border:1px solid #AAA; cursor:pointer; margin:auto 5px;}
.music-result-play-button-box .ytb-button-content .ytb-button-a,.music-result-play-button-box .ytb-button-content a .ytb-button-b{min-width:80px; line-height:30px; padding:0 10px;}
.music-result-play-button-box .play-now-ico{}
.music-result-play-button:active{background:url(images/css-img-fill.png) repeat-x left -327px;}
.music-result-hide-content{margin:5px auto; display:none}
.music-result-hide-content-input{width:390px; padding:2px 5px;}
.music-result-content-copy{width:50px; display:inline-block; _display:inline; _zoom:1; background:url(images/css-img-fill.png) repeat-x left -288px; height:20px; line-height:20px; text-align:center; border:1px solid #AAA; cursor:pointer; margin:auto 5px;}
.music-result-content-copy:active{background:url(images/css-img-fill.png) repeat-x left -327px;}

.top-music-list li{ list-style-type:decimal; line-height:30px; margin-left:20px; border-bottom:1px dotted #CCC}
.top-music-list a{width:180px; line-height:30px; display:inline-block; _display:inline; _zoom:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle}

.music-result .shadow-block{ background:white; padding:10px; margin:10px auto; overflow:hidden}
.music-result h3{ font-size:16px; font-weight:bold; line-height:30px;}

li.no-margin-right{ margin-right:0}
.download-banner{}
.features{ margin:10px auto;}
.features:after{ clear:both; content:""; display:block}
.features-title{ font-weight:bold; font-size:16px}
.features-left{float:left; width:660px;}
.features-left ul{ margin:20px auto}
.features-left li{ line-height:30px; font-size:14px; border-bottom:1px dotted #CCC}
.features-right{float:right; width:210px; height:146px; padding:30px;}
.features-right a.button{border:1px solid #65A628; border-radius:0px; background:url(images/css-img-fill.png) repeat-x left -210px; cursor:pointer; display:inline-block; _display:inline; _zoom:1; height:39px; line-height:39px; text-align:center; font-weight:bold; margin:10px; font-size:16px; color:white; text-decoration:none; display:block; text-align:center}
.features-right a{padding:0 10px; text-decoration:underline; font-weight:lighter; font-size:12px; color:#65A628; }
.features-right a:active{background:url(images/css-img-fill.png) repeat-x left -288px; color:#276B07; border-color:#CCC}
.features-left,.features-right{background:white; box-shadow:0 0 2px #CCC; padding:20px;}

/*support-sites*/

.support-sites{background:white; padding:10px 0; box-shadow:0 0 2px #CCCCCC}
.support-sites-block{ margin:10px 35px; padding:20px 0; border-bottom:1px dotted #ccc}
.support-sites-block li{ text-align:center; float:left; width:225px; margin:20px auto}
.support-sites-block li a{ display:block; margin:5px;}
.support-sites h1{ font-size:18px; margin:auto 35px; line-height:50px; border-bottom:1px solid #CCC}

/*About Us*/
.about-us{ padding:20px; font-size:14px; background:white;}
.about-us-content{ width:980px; margin:auto; border:1px solid #CCC;}
.about-us-left{width:205px; float:left; overflow:hidden}
.about-us-left h2{ font-weight:bold; text-align:center; line-height:50px; border-bottom:1px solid #CCC}
.about-us-left-menu{ margin:auto}
.about-us-left-menu li{border-bottom:1px solid #CCC; border-top:1px solid #FFF}
.about-us-left-menu a{line-height:35px; height:35px; padding:0 20px; font-size:14px; display:block; cursor:pointer; text-decoration:none }
.about-us-left-menu a:hover{background:#EEE; color:#333}
.about-us-left-menu-now{ font-weight:bold!important; background:#EEE;}
.no-border-top{ border-top:none!important}
.about-us-right{width:734px; padding:0 20px; float:right; border-left:1px solid #CCC; background:#FFF; _overflow:hidden}
.about-us-right h1,.blog h1{ height:50px; line-height:50px; margin:auto 20px; font-size:20px; border-bottom:1px solid #CCC;}
.about-us p{ line-height:18px; margin:15px auto; line-height:150%}
.about-us-right-content{padding:20px;}
.about-us-right-content a{color:#666!important}
.about-us-right-content h4{color:green;}
.about-us-left,.about-us-right{ min-height:500px;}
.site-map-block{ margin:10px auto}
.site-map-block sup{color:red; margin:5px;}
.site-map-block li{line-height:25px; width:25%; float:left}
.hr-dotted{border-bottom:1px dashed #CCC; margin:20px auto; clear:both}
.adult{color:red}
.a-t-a{ font-weight:bold}
.wtb-t{ text-decoration:line-through; color:#e00}
.wtb-u{ text-decoration:underline; color:#e00}
.a-s-a,.a-s-b,.a-s-c{ margin-left:20px;}

.a-s-a ol,.a-s-b ol,.a-s-c ol{ margin-left:15px;}
.a-s-a ol li,.a-s-b ol li,.a-s-c ol li{list-style:lower-roman; margin-left:20px}

.feedback-txt{width:100%; height:140px; margin:10px auto auto auto; padding:2px;}
.feedback-input{padding:5px; width:500px; margin-left:10px;}
.feedback-info{ text-align:right; margin:10px auto; font-size:12px; color:gray;}
span.feedback-name{display:inline-block; _display:inline; _zoom:1; width:85px; text-align:right; padding-right:10px}
.about-us-right-content .submit{background:url(images/css-img-fill.png) repeat-x left -288px; border:1px solid #AAA; padding:2px 5px;border-radius:3px; color:#333}
.feedback-block{margin:20px auto; border-top:1px dotted #CCC; padding:10px; line-height:150%; font-size:12px; word-wrap:break-word; padding:5px 0}
.feedback-block-info span{vertical-align:middle}
.feedback-block-content{padding:10px 0}
.feedback-block-user{ color:#5588BB; display:inline-block; _display:inline; _zoom:1; width:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.feedback-block-time{ color:gray; margin:auto 10px;}
.feedback-list li{ line-height:30px;}
.feedback-list input[type=text]{width:250px; padding:3px 5px;}
.gray-lighter{ color:gray;}
.contact-us h3{ font-size:18px; padding:10px 0}
.contact-us li{ line-height:150%}
.contact-us a{ color:#65a824; text-decoration:underline}
.feedback-list span.gray-lighter{font-size:11px; cursor:pointer}
#verify_code_div{ cursor:pointer; margin:auto 5px;}
span#feedback_result_div{}
.feedback-input-box{width:275px; display:inline-block; _display:inline; _zoom:1;}
.feedback-notice{font-size:11px; margin-left:5px;}
.feedback-error{color:#E00}
.validate-success{color:#64a724; background:url(images/input-ok.png) no-repeat left center; padding-left:20px; display:inline-block; _display:inline; _zoom:1; font-size:11px;}
.validate-error{color:#E00; background:url(images/input-error.png) no-repeat left center; padding-left:20px; display:inline-block; _display:inline; _zoom:1; font-size:11px;}
li.no-margin-right{ margin-right:0!important}
.fb-reply {position:relative; border:solid 1px #ccc; margin-top:5px; background-color:#f9f9f9; padding:10px;}
.fb-reply .top_fr {display:block; background:url(images/boxtop_reply.gif) no-repeat 0 0; width:12px; height:6px; position:absolute; top:-6px; left:15px;}
.fb-reply .reply_name {padding:0 0 2px 0;}
.fb-reply .reply_name strong {color:#65a824;}
.fb-reply .reply_name span {color:#999;}
.fb-reply p span {color:#5588BB; padding-right:5px;}

input[type=text]#code{width:50px;}
/* @tanggf*/
li.suggestion-selected-li{ background: none repeat scroll 0 0  #888; color: white;}


/*-------------------- Download alert Start --------------------*/
.donwolad-alert{width:680px; min-height:370px; position:absolute; box-shadow:0 0 5px rgba(0,0,0,0.5); background:white url(images/download-alert-bg.png) no-repeat left top; line-height:150%; font-size:12px;z-index: 1025}
.donwolad-alert .left .ytb-button-content,.donwolad-alert .right .ytb-button-content{ position:absolute; top:50px}
.donwolad-alert .left .ytb-button-content{margin-left:123px;}
.donwolad-alert .right .ytb-button-content{margin-left:20px;}
.donwolad-alert .left span.download-ico{background:url(images/css-img.png) no-repeat -584px -796px}
.donwolad-alert .ytb-button-a,.donwolad-alert .ytb-button-b{font-size:14px}
.donwolad-alert .alert-title{height:96px;}
.donwolad-alert .alert-content{margin:10px auto;}
.donwolad-alert .alert-content .left{margin:auto; padding:0; position:absolute; width:355px; top:227px;}
.donwolad-alert .alert-content .right{margin:auto; padding:0 30px; position:absolute; width:260px; left:355px; top:227px;}
.donwolad-alert .alert-content p{margin:20px auto;}
.donwolad-alert .alert-content a{text-decoration:underline; color:#1c62b9;}
.donwolad-alert .alert-content a.strong{ margin:auto 10px;}
.donwolad-alert input[type=checkbox]{vertical-align:text-bottom; margin-right:5px}
.donwolad-alert h4{font-weight:bold; font-size:14px; line-height:37px}
.donwolad-alert .dl-button{background:url(images/css-img-fill.png) repeat-x left -110px; color:white; padding:5px 10px; border:1px solid #63A526; display:inline-block; _display:inline; _zoom:1; cursor:pointer; margin:10px auto; box-shadow:2px 2px 2px #AAAAAA; position:absolute; right:19px; top:55px;}
.donwolad-alert .dl-button a{color:white; text-decoration:none!important}
.donwolad-alert .dl-submit{border:1px solid #AAA; background:url(images/css-img-fill.png) repeat-x left -160px; padding:5px 10px; margin:10px auto; width:150px; text-align:center; color:#666; position:absolute; right:0; top:-16px;}
.donwolad-alert .dl-submit:hover{color:#333}
.donwolad-alert button.dl-submit-dis{color:gray; cursor:auto; border:1px solid #DDD}
.donwolad-alert button.dl-submit-dis:hover{color:gray!important; cursor:auto; border:1px solid #DDD}
.donwolad-alert .alert-buttom{ position:relative}
.donwolad-alert a.download-ico{margin-left:42px; display:inline-block; _display:inline; _zoom:1; background:url(images/css-img.png) no-repeat -530px -275px; padding-left:50px; width:180px; line-height:50px; height:50px;}
.alert-opacity-bg{background:url(images/alert-opacity-bg.png) repeat left top; z-index:1000; position:absolute; left:0; top:0; display:none;}

.ytb-button-disabled .download-ico{background:url(images/css-img.png) no-repeat -570px -53px!important;}

.donwolad-alert .popup-box-close{background:url(images/css-img.png) no-repeat -585px -460px}
/*-------------------- Download alert End --------------------*/
.donwolad-alert.down_bg2 {background:white url(images/download-alert-bg2.png) no-repeat left top;min-height:290px;height:290px;}
.donwolad-alert.down_bg2 .alert-content {padding:140px 0 0 200px;}
.donwolad-alert.down_bg2 .alert-content h3 {font-size:36px; color:#59a00d; line-height:44px; font-weight:normal;}
.donwolad-alert.down_bg2 .alert-content h4 {font-size:24px; line-height:26px; font-weight:normal;}


/*-------------------- Button Style Start --------------------*/

.ytb-button-content{margin:10px auto; position:relative; line-height:1}
.ytb-button-conent a,.ytb-button-conent span{cursor:pointer}
.ytb-button-content .ytb-button-a,.ytb-button-content .ytb-button-b{min-width:100px; padding:8px 10px; margin:5px 2px; font-weight:lighter; font-size:12px; text-align:center; display:inline-block; _display:inline; _zoom:1; position:relative; vertical-align:middle; cursor:pointer}

.ytb-button-a{background:url(images/css_img.png) no-repeat left -430px; border:1px solid #2f6100; color:white;}
.ytb-button-a:active{background:url(images/css_img.png) no-repeat left -470px;}
.ytb-button-b{background:url(images/css_img.png) no-repeat -200px -430px; border:1px solid #949494; color:#555;}
.ytb-button-b:hover{color:#333}
.ytb-button-b:active{background:url(images/css_img.png) no-repeat right -430px; color:#666}

.ytb-button-a a,.ytb-button-a span,.ytb-button-b a,.ytb-button-b span{vertical-align:middle; display:inline-block; _display:inline; _zoom:1;}

.ytb-button-disabled{cursor:no-drop; border:1px solid #DDD; color:#AAA!important}/*----- 禁用时的样式 -----*/

/*-------------------- Button Style End --------------------*/



/* Click  Backgrund */
.click-bg-box,.click-bg-left,.click-bg-right{display:inline-block; _display:inline; _zoom:1; height:29px; vertical-align:bottom;}
.click-bg-box{margin-right:20px; cursor:pointer;}
.click-bg-left{width:20px; height:29px; background:url(images/css-img.png) no-repeat -300px -744px;}
.click-bg-right{padding-right:20px; background:url(images/css-img.png) no-repeat right -744px; font-weight:bold}
.click-bg-right a{margin:auto; text-decoration:none}

.blog-wrap{ background:white;}
.blog{margin:20px auto; border:1px solid #CCC}
.blog h1{font-size:24px; color:#65A628; font-weight:bold}
.blog-list-img{width:100px; height:100px; float:left;}
.blog-list-img img{width:80px; height:80px;}
.blog-list-content{width:750px; height:100px; float:left}
.blog-list-content h3{ font-weight:bold; text-decoration:underline; font-size:14px}
.blog-list-content h3 a{color:#65A628; text-decoration:underline}
.blog-published{ line-height:32px; color:#333}
.blog-description{ color:gray; line-height:18px; height:36px; overflow:hidden}
.list li:after{clear:both; content:""; display:block;}
.list {margin:20px; padding:10px;}
.list li{ margin:20px auto; border-bottom:1px dotted #CCC}

#blog-article{padding:20px; border:1px solid #CCC;}
.blog-lyric{margin:10px 5px;}
.blog-lyric li{ line-height:25px; height:25px; padding:0 10px}
.lyric-bg{background:#f8f8f8}
.blog-article h1{ font-size:24px; font-weight:bold; line-height:30px; border-bottom:1px solid #CCC; padding-bottom:10px}
#addThis{height:35px; line-height:20px; border-bottom:1px solid #DDD; padding-top:20px; display:none}

#addThis:after{clear:both; content:""; display:block; height:0; margin-bottom:10px; padding:10px}
#blog-article p{margin:10px auto; line-height:200%}

#blog-article strong a{color:green}
#blog-article embed{ margin:10px auto}

.like-button{position:absolute; top:10px; right:-10px; width:100px;}

/*---------- Artical ----------*/
.w-artical:after,.w-artical .block-content:after,.social_cont:after{clear:both; content:""; display:block; visibility:hidden; height:0; line-height:0;}
.w-artical{background:white; line-height:150%}
.w-artical .left{float:left; width:680px; padding:0; margin:0}
.w-artical .right{float:right; width:250px; padding:0; margin:0}
.w-artical .block-content{width:auto; margin:50px auto; padding:0;}
.w-artical .block-content p{line-height:200%}

.w-artical h1{font-weight:bold; font-size:26px; margin:30px auto; color:#65A628}
.w-artical h3{color:#65A628; font-weight:bold; font-size:18px; margin:20px auto}
.w-artical h4{color:#333; font-weight:bold; font-size:14px; margin:20px auto}

.w-artical .dowload-box{background:url(images/free_converter.jpg) no-repeat right 10px; padding:20px 500px 0 0; height:260px; margin:auto auto 20px auto; border-bottom:1px solid #ccc}
.w-artical p{ margin:20px auto}
.w-artical .float-left-img{float:left; margin:auto 40px auto auto}
.w-artical .float-right-img{float:right; margin:auto auto auto 40px}
.w-artical .requirements{border:3px solid #E8E9EB; padding:10px 20px; border-radius:10px; margin:20px auto}
.sys{ padding:7px 0 0 0;}
.sys_border_top{ height:7px; background:url(images/border.gif) no-repeat;}
.sys_cont{ border-left:3px solid #e6eaed; background-color:#FFF; border-right:3px solid #e6eaed; padding:5px 10px 20px 10px; }
.sys_border_btm{ height:7px; background:url(images/border.gif) no-repeat 0px -7px;}
.sys_tit{ height:22px;}
.sys_tit_left{ width:11px; height:22px; float:left; background:url(images/tit_bg.gif) no-repeat;}
.sys_tit_rgt{ width:11px; height:22px; float:left; background:url(images/tit_bg.gif) no-repeat -11px 0px;}
.sys_tit_cont{ float:left; height:22px; background-color:#77b1ec; color:#FFF; padding:0 8px; line-height:22px; font-size:15px;}
.sys_req{ float:left; width:301px; padding:15px 0 0 15px;}
.sys_req2{ float:left; width:291px; padding:15px 0 0 25px;}
.sys_req p{ font-size:14px; color:#000; }
.sys_req2 p{ font-size:14px; color:#000; }

.social_ .block-content{background:#E2E2E2; border-radius:5px}
.social_ .addicon2 h3,.social_tit h3{margin:auto; padding:10px 0}
.social_top{ width:247px; height:5px; background:url(images/socials_03.gif) no-repeat;}
.social_tit{padding:10px 20px; border-radius:3px}
.social .social_top{ display:none}
.social_cont{ background:url(images/socialbg_10.gif) repeat-y; padding:5px 15px 15px 15px;}
.social_tit h3{font-size:19px; color:#666; font-weight:normal;   text-shadow:1px 1px 0px #F8F8F8;}
.social_bg{ height:4px; background:url(images/socialbg_03.gif) no-repeat;}
.social_btm{ background:url(images/socialbg_12.gif) no-repeat; height:16px;}
.pic{ padding:15px 30px 10px 0px; text-align:center;}
.addicon{ background:url(images/tb_3.gif) no-repeat 13px center; background-color:#e2e2e2; padding:10px 0 10px 40px;}
.addicon2{ background:url(images/tb_1.gif) no-repeat 13px center; background-color:#e2e2e2; padding:10px 0 10px 40px; border-radius:5px}

.w-artical .android{ background:url(images/converter_for_android.png) no-repeat 550px 10px; padding:20px 500px 0 0; height:260px; margin:auto auto 20px auto; border-bottom:1px solid #ccc}


/*---------- Facebook 
.grid_item{width:55px!important}
----------*/

/*-------------------- Music Select Start --------------------*/
.music-select-box{width:215px; height:29px;}
.music-select-box a.menu{width:90px; height:29px; text-decoration:none; cursor:pointer; padding:0; margin:0 10px 0 0; text-align:center; color:white; line-height:29px; display:inline-block; _display:inline; _zoom:1; }
.music-select-box a.menu:hover{ background:url(images/css-img.png) no-repeat -510px -500px;}
#music-select-box a.curr{color:#629331!important; font-weight:bold; background:url(images/css-img.png) no-repeat -510px -500px;}
.music-select-box-bg-1{ background-position:-510px -500px;}
.music-select-box-bg-2{ background-position:-410px -500px;}

/*-------------------- Music Select End --------------------*/


/*-------------------- User-input-info Start --------------------*/

.user-input-box{}
.user-info-name,.user-info-input,.user-info-txt{display:inline-block; _display:inline; _zoom:1; vertical-align:middle;}
.user-input-box span.user-info-name{width:85px; text-align:right; padding-right:10px;}
.user-input-box span.user-info-input{width:290px;}
.user-input-box span.user-info-txt{font-size:11px; color:#65A628}
.user-input-box span.error{color:#E00}
/*-------------------- User-input-info End --------------------*/


/*-------------------- YTB Artical Start --------------------*/
.ytb-artical-box{margin:auto; font-size:14px; background:white; line-height:150%; box-shadow:0 0 2px #AAA}
.ytb-artical-box a{color:#65A628; text-decoration:underline}
.ytb-artical-box h1{font-size:20px; font-weight:bold; color:#65A628; border-bottom:1px solid #CCC; padding:15px 0; margin:10px auto 30px auto}
.ytb-artical-box .ytb-artical-content{padding:10px 20px}
.ytb-artical-box .ytb-artical-content p{margin:15px auto;}
.ytb-artical-box .ytb-artical-content p textarea{width:100%; height:auto}
.ytb-artical-ul-1 {margin:15px;}
.ytb-artical-ul-1 li{list-style-type:disc}
.ytb-artical-ul-1 textarea{width:100%;}
.ytb-artical-ul-1 a{text-decoration:underline; color:#65A628}
/*-------------------- YTB Artical End --------------------*/


/*---------- yezh 20120529 -------*/
#his_box {width:300px; height:330px; position:fixed; right:-268px; top:102px; z-index:300;}
.btn_hisBox {float:left; width:32px; height:100px; margin-top:118px; background:url(images/history_img.png) no-repeat; cursor:pointer;}
.btn_ho {background-position:0 -118px;}
.btn_hc {background-position:0 -363px;}
.his_cont {float:left; width:262px; height:330px; padding:0 0 0 6px;background:url(images/history_img.png) no-repeat -32px 0;}
.his_cont .column {height:30px; border-bottom:solid 1px #101010; position:relative;}
.his_cont .column .title {padding:8px 0 0 7px; height:22px; color:#727273; line-height:18px; font-size:14px;}
.his_cont .column .title span { float:left; background:url(images/history_img.png) no-repeat -70px -367px; width:25px; height:18px;}
.his_cont .column a {position:absolute; top:0; right:10px; width:56px; height:20px; background:url(images/history_img.png) no-repeat -72px -401px; overflow:hidden; text-indent:-9999px;}
.his_cont .column a:hover { background-position:-138px -401px;}
.his_list {height:259px; width:262px; position:relative;border-bottom:solid 1px #101010; overflow:hidden;}
.his_list .list_ul {display:block;}
.his_list .list_ul li {border-bottom:solid 1px #101010; height:20px; padding:5px 12px 0 10px; position:relative;}
.his_list .list_ul li strong {float:left; display:block; width:20px; height:18px; overflow:hidden; text-indent:-9999px; background:url(images/history_img.png) no-repeat;}
.his_list .list_ul li strong.icon_m {background-position:-99px -366px;}
.his_list .list_ul li strong.icon_v {background-position:-124px -366px;}
.his_list .list_ul li a.title {float:left;width:195px; line-height:16px; font-size:11px; color:#535353; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}
.his_list .list_ul li a.title:hover {text-decoration:none; color:#bbb;}
.his_list .list_ul li a.btn_del {position:absolute; top:5px; right:20px; width:18px; height:15px; overflow:hidden; text-indent:-9999px; cursor:pointer; background:url(images/history_img.png) no-repeat -161px -368px;}
.his_list .list_ul li a.btn_del:hover {background-position:-199px -368px;}
.his_list .scroll_box {position:absolute; top:0; right:0; background-color:#000; height:259px; width:10px; padding:0 4px 0 2px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.his_list .scroll_box .scroll_btn { display:block; background-color:#1b1; width:10px; height:90px; cursor: pointer;}
.his_tips {padding:20px; color:#bbb;}
.his_bottom {padding:7px 0 0 0;}
.his_bottom a {display:block; width:74px; height:20px; margin:0 auto; overflow:hidden; text-indent:-9999px; background:url(images/history_img.png) no-repeat -73px -435px;}
.his_bottom a:hover { background-position:-157px -435px;}

.t_red {color:#e72c23;}

.header-search-container-drop-down{width:483px;font-size:16px;}
.header-search-container-drop-down{margin-top: 34px}
.footer-search-drop-down-box{left:2px;top:37px; width:413px;text-align: left; font-size: 16px}
/* @tanggf*/
li.suggestion-selected-li{ background: none repeat scroll 0 0  #888; color: white;}
input.footer-search-input{font-size: 16px; padding: 0 8px; }